<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>协强定制-新闻中心列表</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)" />
		<link rel="stylesheet" href="css/phone.css" media="(max-width:619px)" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<script src='js/md5.js'></script>
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src='js/fastclick.js'></script>
		<script src="js/xqjy.js"></script>
	</head>

	<body>

		<div id='app' v-cloak>
			<!--<headers @search='searchHeader'></headers>-->
			<navs @toback='toBackground' :nav-state='navState' :login-state='loginState' :login-info='loginInfo.Name' :bg-img='bgImg'></navs>

			<div class="everyThingCtx">

				<div class="newCtx flew">
					<div class="newCtxNav">
						<ul>
							<li>
								<a href="news.html">新闻主页</a>
							</li>
							<li :class="currentClass==562?'cur':''">
								<a @click='toArticleList(562)'>行业动态</a>
							</li>
							<li :class="currentClass==5?'cur':''">
								<a @click='toArticleList(5)'>政策资讯</a>
							</li>
						</ul>
					</div>
					<div class="newsCenter">
						<div class="firShow ">
							<a @click='toDetailMsg(topLine.TopLineMessageID)' class="flew">
								<h3>头条</h3>
								<p>
									<span class="thd">{{topLine.TopLineTitle}}</span>
									<span>{{topLine.TopLineIntroduction}}</span>
								</p>
							</a>
						</div>
						<div class="flew">
							<div class="all740">
								<div class="n_list">
									<div class="wBox fles newsBig" v-for='item in newList' :key='item.MessageID' @click="toDetailMsg(item.MessageID)">
										<div class="tuwen">
											<a class="fles">
												<!--<img src="img/newspic.jpg"/>-->
												<div style="padding-top: 6px;">
													<h3>{{item.Title}}</h3>
													<span class="time">{{item.Date}}</span>
													<p>{{item.Introduction}}</p>
												</div>
											</a>
										</div>
									</div>
								</div>
								<!--分页-->
								<div class="f_page" v-if='totalPage>0'>
									<ul>
										<li class="quo" @click="maxLeftClick">
											<a>&laquo;</a>
										</li>
										<li>
											<a @click="leftClick">&larr;</a>
										</li>
										<li :class="currentPage==i?'cur':''" v-for='i in pageArr' @click="clickTarget(i)">
											<a>{{i}}</a>
										</li>
										<li>
											<a @click="rightClick">&rarr;</a>
										</li>
										<li class="quo" @click="maxRightClick">
											<a>&raquo;</a>
										</li>
									</ul>
									<ol class="fles">
										<li><input type="text" placeholder="1" v-model='currentPages' /></li>
										<li class="go" @click="goPage">
											<a><b>Go</b></a>
										</li>
									</ol>
								</div>
							</div>
							<div class="all230">

								<div class="newsList">
									<div class="newTitle flew acc">
										<span @click.stop="showNewsList" style='cursor: pointer;'>最新动态</span>
										<a @click="toArticleList(562)">&gt;&gt;</a>
									</div>
									<div class='showNewsList'>
										<p v-for='item in recent_news' :key='item.Title'>
											<a class='toDetailMsg' @click='toDetailMsg(item.MessageID)' :data-id='item.MessageID'>
												<u>·</u>
												<span>{{item.Title}}</span>
											</a>
										</p>
									</div>
								</div>
								<div class="newsList">
									<div class="newTitle flew acc">
										<span @click.stop="showNewsList" style='cursor: pointer;'>各地政务</span>
										<a @click="toArticleList(5)">&gt;&gt;</a>
									</div>
									<div class='showNewsList'>
										<p v-for='item in policyInfoList' :key='item.MessageID' @click='toDetailMsg(item.MessageID)'>
											<a class='toDetailMsg' @click='toDetailMsg(item.MessageID)'>
												<u>·</u>
												<span>{{item.Title}}</span>
											</a>
										</p>
									</div>
								</div>
								<div class="newsList">
									<div class="newTitle flew acc" @click.stop="showNewsList">
										<span @click.stop="showNewsList" style='cursor: pointer;'>本周热点</span>
										<a @click="toArticleList">&gt;&gt;</a>
									</div>
									<div class='showNewsList'>
										<p v-for='item in weekHotList' :key='item.Title'>
											<a class='toDetailMsg' @click='toDetailMsg(item.MessageID)'>
												<u>·</u>
												<span>{{item.Title}}</span>
											</a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<footers></footers>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
		</div>
		<script src='js/public.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<script src='js/header.js'></script>
		<script src='js/nav.js'></script>
		<script src='js/footer.js'></script>
		<script src='js/page.js'></script>
		<script src='js/newsList.js'></script>
	</body>

</html>
<script>
	var ot = $(".newCtxNav ul").offset().top;
	$(document).scroll(function() {
		if(ot - $(document).scrollTop() - 20 <= 0) {
			$(".newCtxNav ul").css({
				"position": "fixed",
				"top": 20
			})
		} else {
			$(".newCtxNav ul").css({
				"position": "static",
				"top": 0
			})
		}

	})
</script>